<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><?= $pageTitle ?></title> <!-- 接收Controller传递的“pageTitle” -->
    <!-- 可选：加简单CSS美化表格 -->
    <style>
        table { border-collapse: collapse; width: 80%; margin: 20px auto; }
        th, td { border: 1px solid #ddd; padding: 12px; text-align: center; }
        th { background-color: #f5f5f5; }
        a { color: #2c3e50; text-decoration: none; }
        a:hover { color: #3498db; text-decoration: underline; }
        .error { color: red; text-align: center; margin: 10px; }
    </style>
</head>
<body>
    <h1 style="text-align: center; margin: 20px 0;"><?= $pageTitle ?></h1>

    <!-- 显示错误提示（如详情页跳转误时） -->
    <?php if (session()->has('error')): ?>
        <div class="error"><?= session('error') ?></div>
    <?php endif; ?>

    <!--表格 -->
    <table>
        <thead>
            <tr>
                <th>序号</th>
                <th>独立游戏开发者姓名</th> <!-- 替换为你的分类名称（如“环保行动家姓名”） -->
            </tr>
        </thead>
        <tbody>
            <?php foreach ($heroes as $key => $hero): ?>
                <tr>
                    <!-- 序号（从1开始） -->
                    <td><?= $key + 1 ?></td>
                    <!-- 姓名链接：跳转至详情页（URL格式：Controller/方法/ID） -->
                    <td>
                        <a href="<?= base_url('IndieDev/show/' . $hero['id']) ?>">
                            <?= $hero['name'] ?>
                        </a>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</body>
</html>